@charset "utf-8";
.loginmask {
    width: 100%;
    height: 100%;
    z-index: 98;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}

#login-alert {
    display: none;
    width: 440px;
    background: #fff;
    position: fixed;
    top: -600px;
    left: 50%;
    margin-left: -220px;
    z-index: 99;
    .alert-top {
        border-bottom: 1px solid #ecf2f5;
        padding: 20px;
        .alertclose {
            width: 20px;
            height: 20px;
            cursor: pointer;
            background: url(../images/icons.png) no-repeat -220px -315px;
        }
        .login-wrap {
            width: 340px;
            margin: 0 auto;
            .loginh {
                height: 40px;
                margin-top: 20px;
                .left {
                    font-size: 30px;
                    line-height: 40px;
                    color: #292929;
                }
                .right {
                    font-size: 18px;
                    line-height: 50px;
                    color: #707070;
                    a {
                        color: red;
                        font-size: 17px;
                    }
                }
            }
            #login_form {
                &>input {
                    display: block;
                    height: 14px;
                    line-height: 14px;
                    width: 100%;
                    border: #DAE2E5 1px solid;
                    text-indent: 10px;
                    overflow: hidden;
                    color: #979696;
                    padding-top: 13px;
                    padding-bottom: 13px;
                }
                #username {
                    margin-top: 15px;
                    margin-bottom: 10px;
                }
                .login_btn {
                    line-height: 70px;
                    color: #6B6A6A;
                    input:first-of-type {
                        margin: 15px 20px 0 0;
                        display: inline-block;
                        width: 130px;
                        height: 40px;
                        line-height: 40px;
                        color: #fff;
                        background: #70CA10;
                        text-align: center;
                        font-size: 20px;
                        border: none;
                        font-family: '微软雅黑';
                        cursor: pointer;
                    }
                    a {
                        color: #6B6A6A;
                        margin-top: 4px;
                    }
                    a:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
    .alert-bottom {
        .pd50 {
            overflow: hidden;
            padding: 30px 50px;
            h4 {
                color: #6B6A6A;
                font-weight: 500;
                margin-bottom: 20px;
            }
            li {
                margin-right: 20px;
                display: block;
                float: left;
                margin-bottom: 10px;
                a {
                    display: block;
                    float: left;
                    height: 40px;
                    line-height: 40px;
                    width: 160px;
                    color: #fff;
                    text-indent: 60px;
                }
            }
            .sina a {
                background: #d63b22 url(../images/weibo.png) no-repeat 0px -5px;
            }
            .qq a {
                background: #3eb0d8 url(../images/qq.png) no-repeat 0px -5px;
            }
        }
    }
}